{include file="public/header" /}

<body class="login-bg">

    <div class="login layui-anim layui-anim-up">
        <div class="message">后台管理登录</div>
        <div id="darkbannerwrap"></div>

        <form method="post" class="layui-form">
            <input name="username" placeholder="用户名" type="text" lay-verify="required" class="layui-input">
            <hr class="hr15">

            <input name="password" lay-verify="required" placeholder="密码" type="password" class="layui-input">
            <hr class="hr15">

            <input name="code" lay-verify="required" placeholder="验证码" type="text" class="captcha-input layui-input">
            <img src="{:captcha_src()}" alt="验证码" class="captcha-img"
                onclick='$(this).attr("src", "{:captcha_src()}" + "?" + Math.random());'>

            <hr class="hr15">
            <input value="登录" lay-submit lay-filter="login" style="width:100%;" type="submit">
            <hr class="hr20">
        </form>
    </div>

    <script>
        $(function () {
            layui.use('form', function () {
                var form = layui.form;
                //监听提交
                form.on('submit(login)', function (data) {

                    layer.msg('安全验证中', { icon: 16, shade: 0.01 });

                    $.ajax({
                        'type': 'post',
                        data: data.field,
                        success: function (res) {
                            console.log(res);
                            if (res.status == 0) {
                                layer.msg(res.msg, { icon: 16, time: 1300, shade: [0.3, '#000'] }, function () {
                                    location.href = res.url;
                                });
                            } else {
                                layer.msg(res.msg, { icon: 2, time: 1000, shade: [0.3, '#000'] }, function () {
                                    $('.captcha-img').attr('src', "{:captcha_src()}?" + Math.random());
                                });
                            }
                        }
                    });

                    return false;
                });
            });

        })
    </script>
    <!-- 底部结束 -->

</body>

</html>